/*
  学习目标：React中this指向问题
*/

import React from 'react';
export default class App extends React.Component {
  state = {
    msg: '123',
  };

  // 钩子函数 - 🔔 React中自带的结构体，React的源码处理this
  render() {
    console.log(this);
    return (
      <div>
        <h1>看看this</h1>
        {/* 解决办法2. 在render中将绑定的方法，转换成箭头函数 */}
        <button onClick={() => this.handleClick()}>点我</button>
      </div>
    );
  }

  // // 1. 👍 将自定义方法，转换为箭头函数
  // handleClick = () => {
  //   console.log(this, 'this');
  // };

  // 问题💥 自定义的方法，this指向undefined
  handleClick() {
    console.log(this, 'this');
  }
}
